﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>企管宝主页</title>
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <link href="~/Layui/layui-v2.2.3/layui/css/layui.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/res.layui.com/layui/dist/css/layui.css" media="all">
  <script>
      function Show() {
          $("#BodyShow").load("/Pschance/PschanceShow.cshtml");
      }
  </script>
</head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin" >
        <div class="layui-header">
            <div class="layui-logo">企管宝管理平台</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item"><a href="">控制台</a></li>
                <li class="layui-nav-item"><a href="">商品管理</a></li>
                <li class="layui-nav-item"><a href="/Pschance/PschanceShow">用户</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">其它系统</a>
                    <dl class="layui-nav-child">
                        <dd><a href="">邮件管理</a></dd>
                        <dd><a href="">消息管理</a></dd>
                        <dd><a href="">授权管理</a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                        贤心
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="">基本资料</a></dd>
                        <dd><a href="">安全设置</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">退了</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree site-PschanceShow-nav" lay-filter="test">


                    <li class="layui-nav-item layui-nav-itemed ">
                        <a class="" href="javascript:;">CRM客户管理</a>


                        <dl class="llayui-nav-child" lay-filter="test">
                            <dd class="layui-nav-item">
                                <!--若加一个layui-nav-itemed代表默认为下拉展示状态-->
                                <a href="javascript:;">CRM工作台</a>
                                <ul class="layui-nav-child">
                                    <!--class="layui-nav-child"自动出现下拉按钮（是）-->
                                    <li><a href="javascript:;">CRM工作台</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">销售目标</a>
                                <ul class="layui-nav-child">
                                    <li><a href="Index">销售目标管理</a></li>
                                    <li><a href="javascript:;">销售目标统计</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">客户公海</a>
                                <ul class="layui-nav-child">
                                    <li><a href="javascript:;">公共客户池</a></li>
                                    <li><a href="javascript:;">公海策略设置</a></li>
                                    <li><a href="javascript:;">公海客户分配</a></li>
                                    <li><a href="javascript:;">领取客户审核</a></li>
                                    <li><a href="javascript:;">客户转换审核</a></li>
                                    <li><a href="javascript:;">我的客户领取记录</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">我的客户</a>
                                <ul class="layui-nav-child">
                                    <li onclick="f1()"><a href="javascript:;">我的全部客户</a></li>
                                    <li><a href="javascript:;">潜在客户</a></li>
                                    <li><a href="javascript:;">意向客户</a></li>
                                    <li><a href="javascript:;">成交客户</a></li>
                                    <li><a href="javascript:;">无效设置</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">客户跟踪</a>
                                <ul class="layui-nav-child">
                                    <li><a href="javascript:;">日程管理</a></li>
                                    <li><a href="javascript:;">待办任务管理</a></li>
                                    <li><a href="javascript:;">行动历史记录</a></li>
                                    <li><a href="javascript:;">邮件来往记录</a></li>
                                    <li><a href="javascript:;">短信发送记录</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">售前管理</a>
                                <ul class="layui-nav-child" > 
                                    <li><a data-ng-href="/Pschance/PschanceShow.cshtml">项目/销售机会管理</a></li>
                                    <li><a href="javascript:;">详细需求管理</a></li>
                                    <li><a href="javascript:;">解决方案管理</a></li>
                                    <li><a href="javascript:;">竞争对手管理</a></li>
                                    <li><a href="javascript:;">报价单/历史报价</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">售中管理</a>
                                <ul class="layui-nav-child">
                                    <li><a href="javascript:;">合同订单管理</a></li>
                                    <li><a href="javascript:;">销售订单</a></li>
                                    <li><a href="javascript:;">合同调整</a></li>
                                    <li><a href="javascript:;">开票记录</a></li>
                                    <li><a href="javascript:;">回款计划</a></li>
                                    <li><a href="javascript:;">回款记录</a></li>
                                    <li><a href="javascript:;">退款记录</a></li>
                                    <li><a href="javascript:;">费用报销</a></li>
                                    <li><a href="javascript:;">账单记录管理</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">售后管理</a>
                                <ul class="layui-nav-child">
                                    <li><a href="javascript:;">客户服务管理</a></li>
                                    <li><a href="javascript:;">客户投诉管理</a></li>
                                    <li><a href="javascript:;">客户关怀管理</a></li>
                                    <li><a href="javascript:;">售后安装管理</a></li>
                                    <li><a href="javascript:;">售后工单</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">其他管理</a>
                                <ul class="layui-nav-child">
                                    <li><a href="javascript:;">联系人管理</a></li>
                                    <li><a href="javascript:;">记事本管理</a></li>
                                    <li><a href="javascript:;">会员卡管理</a></li>
                                </ul>
                            </dd>
                        </dl>

                        <dl class="layui-nav layui-nav-tree" lay-filter="test">
                            <dd class="layui-nav-item">
                                <a href="javascript:;">统计分析</a>
                                <ul class="layui-nav-child">
                                    <li><a href="javascript:;">统计分析</a></li>
                                </ul>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-body" id="BodyShow">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;">
                <table class="layui-hide" id="test" lay-filter="demo"></table>

                <script type="text/html" id="barDemo">
                    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                </script>

                <div class="layui-tab layui-tab-brief" lay-filter="demo">
                    <ul class="layui-tab-title">
                        <li class="layui-this">演示说明</li>
                        <li>日期</li>
                        <li>分页</li>
                        <li>上传</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">

                            <div class="layui-carousel" id="test1">
                                <div carousel-item>
                                    <div><p class="layui-bg-green demo-carousel">在这里，你将以最直观的形式体验 layui！</p></div>
                                    <div><p class="layui-bg-red demo-carousel">在编辑器中可以执行 layui 相关的一切代码</p></div>
                                    <div><p class="layui-bg-blue demo-carousel">你也可以点击左侧导航针对性地试验我们提供的示例</p></div>
                                    <div><p class="layui-bg-orange demo-carousel">如果最左侧的导航的高度超出了你的屏幕</p></div>
                                    <div><p class="layui-bg-cyan demo-carousel">你可以将鼠标移入导航区域，然后滑动鼠标滚轮即可</p></div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div id="laydateDemo"></div>
                        </div>
                        <div class="layui-tab-item">
                            <div id="pageDemo"></div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-upload-drag" id="uploadDemo">
                                <i class="layui-icon"></i>
                                <p>点击上传，或将文件拖拽到此处</p>
                            </div>
                        </div>
                    </div>
                </div>

                <blockquote class="layui-elem-quote layui-quote-nm" id="footer">layui {{ layui.v }} 提供强力驱动</blockquote>


                <script src="//res.layui.com/layui/dist/layui.js?t=1512277623825"></script>
                <script>
                    layui.config({
                        version: '1512277623825' //为了更新 js 缓存，可忽略
                    });

                    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function () {
                        var laydate = layui.laydate //日期
                        , laypage = layui.laypage //分页
                        layer = layui.layer //弹层
                        , table = layui.table //表格
                        , carousel = layui.carousel //轮播
                        , upload = layui.upload //上传
                        , element = layui.element; //元素操作

                        //向世界问个好
                        layer.msg('Hello World');

                        //监听Tab切换
                        element.on('tab(demo)', function (data) {
                            layer.msg('切换了：' + this.innerHTML);
                            console.log(data);
                        });

                        //执行一个 table 实例
                        table.render({
                            elem: '#test'
                          , height: 332
                          , url: '/demo/table/user/' //数据接口
                          , page: true //开启分页
                          , cols: [[ //表头
                            { field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' }
                            , { field: 'username', title: '用户名', width: 80 }
                            , { field: 'sex', title: '性别', width: 80, sort: true }
                            , { field: 'city', title: '城市', width: 80 }
                            , { field: 'sign', title: '签名', width: 170 }
                            , { field: 'experience', title: '积分', width: 80, sort: true }
                            , { field: 'score', title: '评分', width: 80, sort: true }
                            , { field: 'classify', title: '职业', width: 80 }
                            , { field: 'wealth', title: '财富', width: 135, sort: true }
                            , { fixed: 'right', width: 165, align: 'center', toolbar: '#barDemo' }
                          ]]
                        });

                        //监听工具条
                        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                            var data = obj.data //获得当前行数据
                            , layEvent = obj.event; //获得 lay-event 对应的值
                            if (layEvent === 'detail') {
                                layer.msg('查看操作');
                            } else if (layEvent === 'del') {
                                layer.confirm('真的删除行么', function (index) {
                                    obj.del(); //删除对应行（tr）的DOM结构
                                    layer.close(index);
                                    //向服务端发送删除指令
                                });
                            } else if (layEvent === 'edit') {
                                layer.msg('编辑操作');
                            }
                        });

                        //执行一个轮播实例
                        carousel.render({
                            elem: '#test1'
                          , width: '100%' //设置容器宽度
                          , height: 200
                          , arrow: 'none' //不显示箭头
                          , anim: 'fade' //切换动画方式
                        });

                        //将日期直接嵌套在指定容器中
                        var dateIns = laydate.render({
                            elem: '#laydateDemo'
                          , position: 'static'
                          , calendar: true //是否开启公历重要节日
                          , mark: { //标记重要日子
                              '0-10-14': '生日'
                            , '2017-11-11': '剁手'
                            , '2017-11-30': ''
                          }
                          , done: function (value, date, endDate) {
                              if (date.year == 2017 && date.month == 11 && date.date == 30) {
                                  dateIns.hint('一不小心就月底了呢');
                              }
                          }
                          , change: function (value, date, endDate) {
                              layer.msg(value)
                          }
                        });

                        //分页
                        laypage.render({
                            elem: 'pageDemo' //分页容器的id
                          , count: 100 //总页数
                          , skin: '#1E9FFF' //自定义选中色值
                            //,skip: true //开启跳页
                          , jump: function (obj, first) {
                              if (!first) {
                                  layer.msg('第' + obj.curr + '页');
                              }
                          }
                        });

                        //上传
                        upload.render({
                            elem: '#uploadDemo'
                          , url: '' //上传接口
                          , done: function (res) {
                              console.log(res)
                          }
                        });

                        //底部信息
                        var footerTpl = lay('#footer')[0].innerHTML;
                        lay('#footer')[0].innerHTML = layui.laytpl(footerTpl).render({});
                    });
                </script>
            </div>
        </div>

        <div class="layui-footer">
            <!-- 底部固定区域 -->
            © layui.com - 底部固定区域
        </div>
    </div>
    <script src="~/Layui/layui-v2.2.3/layui/layui.js" charset="utf-8"></script>
    <script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;

});
    </script>

    <script>
        layui.use('element', function () {
            var element = layui.element(); //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
    </script>
</body>
</html>

